// index.js
Page({
  data: {
    responseData: [
      {
        id: 1,
        name: '图片1',
        image: 'https://via.placeholder.com/150', // 使用占位符图片
        tags: ['标签1', '标签2']
      },
      {
        id: 2,
        name: '图片2',
        image: 'https://via.placeholder.com/150', // 使用占位符图片
        tags: ['标签1', '标签3']
      },
      {
        id: 3,
        name: '图片3',
        image: 'https://via.placeholder.com/150', // 使用占位符图片
        tags: ['标签2', '标签3']
      },
      {
        id: 4,
        name: '图片4',
        image: 'https://via.placeholder.com/150', // 使用占位符图片
        tags: ['标签1', '标签2', '标签3']
      }
    ], // 用于存储静态数据
    activeTab: '消息' // 当前激活的标签
  },

  onLoad() {
    // 页面加载时可以直接使用静态数据
  },

  // 处理标签切换
  onTabClick(e) {
    const tab = e.currentTarget.dataset.tab;
    this.setData({
      activeTab: tab
    });
  },

  // 处理图片点击
  onImageClick(e) {
    const id = e.currentTarget.dataset.id;
    console.log('点击了图片:', id);
    // 这里可以添加点击图片后的处理逻辑
  },

  // 处理标签点击
  onTagClick(e) {
    const tag = e.currentTarget.dataset.tag;
    console.log('点击了标签:', tag);
    // 这里可以添加点击标签后的处理逻辑
  },

  // 其他方法...
});